<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="css/wenchuang.css">
</head>

<body>

    <header>
        <div class="logo">文创产品</div>
        <nav>
            <a href="index.html">首页</a>
            <a href="">资讯</a>
            <a href="">联系</a>
        </nav>
    </header>
    <div class="carousel">
        <div class="list">
            <div class="item">
                <img src="images/zong.png">
                <div class="introduce">
                    <div class="title">文创赋能乡村美</div>
                    <div class="topic">三板村文创</div>
                    <div class="des">
                        <!-- 20 lorem -->
                        成太广场的杯子、广生桥的本子、幸福桥的扇子……一件件彰显着珠海市金湾区红旗镇三板村人文特色的地标或传统被设计成文创产品。 </div>
                    <button class="seeMore">查看更多 &#8599</button>
                </div>
                <div class="detail">
                    <div class="title">Aerphone GHTK</div>
                    <div class="des">
                        <!-- lorem 50 -->
                        透过可视化文化产品让三板村文化资源“活起来”，融入群众日常生活，创新赋予文创产品时代的生命力。让文创产品扮演文化“信使”，传播三板村文化，每一件文创产品都承载着一个属于他的故事。 </div>
                    <div class="specifications">
                        <div>
                            <p>价格</p>
                            <p>￥20</p>
                        </div>
                        <div>
                            <p>简约度</p>
                            <p>90%</p>
                        </div>
                        <div>
                            <p>含蓄度</p>
                            <p>60%</p>
                        </div>
                        <div>
                            <p>时尚度</p>
                            <p>30%</p>
                        </div>
                        <div>
                            <p>文化特性深度</p>
                            <p>80%</p>
                        </div>
                    </div>
                    <div class="checkout">
                        <button>添加到购物车</button>
                        <button>结账</button>
                    </div>
                </div>
            </div>

            <div class="item">
                <img src="images/zong.png">
                <div class="introduce">
                    <div class="title">文创赋能乡村美</div>
                    <div class="topic">三板村文创</div>
                    <div class="des">
                        <!-- 20 lorem -->
                        成太广场的杯子、广生桥的本子、幸福桥的扇子……一件件彰显着珠海市金湾区红旗镇三板村人文特色的地标或传统被设计成文创产品。 </div>
                    <button class="seeMore">查看更多 &#8599</button>
                </div>
                <div class="detail">
                    <div class="title">三板村文创</div>
                    <div class="des">
                        <!-- lorem 50 -->
                        文化振兴是乡村振兴的精神基础，通过文创赋能，深入发掘三板村文化资源，既能传播三板当地文化，讲好本土故事，又能推动地方经济发展，建设美丽农村，具有重要的社会价值。未来，三板村将致力于把文创成为连接文化和旅游的桥梁，通过推出有故事、有品质、有潮流的“硬产品”，为金湾乡村旅游赋能，提升乡村软实力，带动乡村振兴。
                    </div>
                    <div class="specifications">
                        <div>
                            <p>价格</p>
                            <p>￥20</p>
                        </div>
                        <div>
                            <p>简约度</p>
                            <p>90%</p>
                        </div>
                        <div>
                            <p>含蓄度</p>
                            <p>60%</p>
                        </div>
                        <div>
                            <p>时尚度</p>
                            <p>30%</p>
                        </div>
                        <div>
                            <p>文化特性深度</p>
                            <p>80%</p>
                        </div>
                    </div>
                    <div class="checkout">
                        <button>加入购物车</button>
                        <button>结算</button>
                    </div>
                </div>
            </div>

            <div class="item">
                <img src="images/book.png">
                <div class="introduce">
                    <div class="title">文创产品</div>
                    <div class="topic">广生桥本</div>
                    <div class="des">
                        <!-- 20 lorem -->
                        广生桥是三板村乡村振兴工作的重要成果之一，粗粝的石栏杆和石桥面，透出浓浓的岭南风情。 </div>
                    <button class="seeMore">查看更多 &#8599</button>
                </div>
                <div class="detail">
                    <div class="title">广生桥本</div>
                    <div class="des">
                        <!-- lorem 50 -->
                        广生桥是三板村乡村振兴工作的重要成果之一，长约22米，宽5.6米，粗粝的石栏杆和石桥面，透出着一股浓浓的岭南风情。横跨红旗河两岸的广生桥，在河面上投下古朴的倒影，加之岸上的杨柳，形成了一道独特的风景。
                    </div>
                    <div class="specifications">
                        <div>
                            <p>价格</p>
                            <p>￥20</p>
                        </div>
                        <div>
                            <p>简约度</p>
                            <p>90%</p>
                        </div>
                        <div>
                            <p>含蓄度</p>
                            <p>60%</p>
                        </div>
                        <div>
                            <p>时尚度</p>
                            <p>30%</p>
                        </div>
                        <div>
                            <p>文化特性深度</p>
                            <p>80%</p>
                        </div>
                    </div>
                    <div class="checkout">
                        <button>加入购物车</button>
                        <button>结算</button>
                    </div>
                </div>
            </div>

            <div class="item">
                <img src="images/shan.png">
                <div class="introduce">
                    <div class="title">文创产品</div>
                    <div class="topic">幸福桥扇</div>
                    <div class="des">
                        <!-- 20 lorem -->
                        幸福桥是三板村村民来往一河两岸的重要通道，后来被改造为人行桥，取名为“幸福桥”，寓意着幸福美满。 </div>
                    <button class="seeMore">查看更多 &#8599</button>
                </div>
                <div class="detail">
                    <div class="title">幸福桥扇</div>
                    <div class="des">
                        <!-- lorem 50 -->
                        三板村“幸福桥”，始建于上世纪80年代，桥身长51米，宽4.4米，为水泥石桥。在隔壁的新三板桥没建成之前，这座桥是村民来往一河两岸的重要通道，后来建立新三板桥，这座桥就被改造为人行桥，取名为“幸福桥”，寓意着幸福美满。幸福桥成为三板村的一大休闲景点之一，在桥上可以看到三板村一河两岸的特色风貌。
                    </div>
                    <div class="specifications">
                        <div>
                            <p>价格</p>
                            <p>￥20</p>
                        </div>
                        <div>
                            <p>简约度</p>
                            <p>90%</p>
                        </div>
                        <div>
                            <p>含蓄度</p>
                            <p>60%</p>
                        </div>
                        <div>
                            <p>时尚度</p>
                            <p>30%</p>
                        </div>
                        <div>
                            <p>文化特性深度</p>
                            <p>80%</p>
                        </div>
                    </div>
                    <div class="checkout">
                        <button>加入购物车</button>
                        <button>结算</button>
                    </div>
                </div>
            </div>

            <div class="item">
                <img src="images/bao.png">
                <div class="introduce">
                    <div class="title">文创产品</div>
                    <div class="topic">赛龙舟帆布袋</div>
                    <div class="des">
                        <!-- 20 lorem -->
                        赛龙舟是三板村的文化传统，将其设计成文创产品印在了帆布袋上。 </div>
                    <button class="seeMore">查看更多 &#8599</button>
                </div>
                <div class="detail">
                    <div class="title">赛龙舟帆布袋</div>
                    <div class="des">
                        <!-- lorem 50 -->
                        三板村亦早就有划龙舟的传统，近年来，这里多次举办龙舟赛活动。三板村目前有两支龙舟队伍，一支叫“幸福龙舟队”，一支叫“和谐龙舟队”。两支队伍先后参加了珠海市内各大龙舟赛事，并取得了较好的成绩。
                    </div>
                    <div class="specifications">
                        <div>
                            <p>价格</p>
                            <p>￥20</p>
                        </div>
                        <div>
                            <p>简约度</p>
                            <p>90%</p>
                        </div>
                        <div>
                            <p>含蓄度</p>
                            <p>60%</p>
                        </div>
                        <div>
                            <p>时尚度</p>
                            <p>30%</p>
                        </div>
                        <div>
                            <p>文化特性深度</p>
                            <p>80%</p>
                        </div>
                    </div>
                    <div class="checkout">
                        <button>加入购物车</button>
                        <button>结算</button>
                    </div>
                </div>
            </div>

            <div class="item">
                <img src="images/bei.png">
                <div class="introduce">
                    <div class="title">文创产品</div>
                    <div class="topic">成太广场杯</div>
                    <div class="des">
                        <!-- 20 lorem -->
                        成太广场见证着三板村产业的变化，这座具有龙舟特色的建筑和码头，加上转动的水车，让这里成为三板村标志性景点之一。 </div>
                    <button class="seeMore">查看更多 &#8599</button>
                </div>
                <div class="detail">
                    <div class="title">成太广场杯</div>
                    <div class="des">
                        <!-- lorem 50 -->
                        成太广场见证着三板村产业的变化。2019年随着乡村振兴工作的推进，三板村决定将这里打造为与龙舟文化相结合的广场。现在，这座具有龙舟特色的建筑和整齐分布的龙舟码头，加上转动的水车，让成太广场成为三板村一大标志性景点。
                    </div>
                    <div class="specifications">
                        <div>
                            <p>价格</p>
                            <p>￥20</p>
                        </div>
                        <div>
                            <p>简约度</p>
                            <p>90%</p>
                        </div>
                        <div>
                            <p>含蓄度</p>
                            <p>60%</p>
                        </div>
                        <div>
                            <p>时尚度</p>
                            <p>30%</p>
                        </div>
                        <div>
                            <p>文化特性深度</p>
                            <p>80%</p>
                        </div>
                    </div>
                    <div class="checkout">
                        <button>加入购物车</button>
                        <button>结算</button>
                    </div>
                </div>
            </div>
        </div>
        <div class="arrows">
            <button id="prev">
                <</button> <button id="next">>
            </button>
            <button id="back">查看全部 &#8599</button>
        </div>
    </div>



    <script src="js/wenchuang.js"></script>
</body>

</html>